<template>
    <div class="wrap">
      <header-v></header-v>
      
      <div class="news-content">
            <div class="title">
                <router-link to="/">新闻中心</router-link>
                <p>News Center</p>
            </div>
            <div class="tab">
                <router-link to="/">资讯动态</router-link>
                <router-link to="/">IT百科</router-link>
            </div>
            <div class="content">
                <ul>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">干得过XX吗?XX这个软件</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">全球刮起WWDC旋风，探营</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">XX科技现XX神器652！</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">离开XX的怀抱依旧强！VX</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">Android用户不要再怂</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">XXX收购WithXXXX</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">实探:谷歌AXXXXGo背</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">X龙652/820加持X2</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                	<li>
                		<router-link to="/newsList" class="new_title">[资讯动态]</router-link>
                		<router-link to="/newsList" class="con">X龙652/820加持X2</router-link>
                		<span class="time">2016-06-13</span>
                	</li>
                </ul>
                <div class="page">
                    <router-link to="/" class="num"> < </router-link>
                    <router-link to="/" class="num active">1</router-link>
                    <router-link to="/" class="num">2</router-link>
                    <router-link to="/" class="num"> > </router-link>
                </div>
            </div>
      </div>
      
      <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css">
  /* newsList.style */

    .news-content{
        padding:0 0.05rem;margin-bottom:0.6rem;
    }  

    .tab a{
        width:1.18rem; height:0.42rem; background:rgba(14,183,244,1); line-height:0.42rem; float:left; text-align:center; color:#fff; display:block; border-radius:0.03rem 0.03rem 0.03rem 0.03rem; margin-bottom:0.2rem; margin-left:0.4rem; 
    }
	.tab a:nth-of-type(2n){
	 	margin-left:0.15rem; 
	}
	
	.news-content .content{
		clear: both;
	}
	.news-content .content li{
		height: 0.3rem; border-bottom: 0.01rem dashed #c6c6c6; line-height: 0.3rem;
	}
	.news-content .content .time{
		float: right; color: #acacac;
	}
	.news-content .content .new_title{
		color: #0064d4;
	}
	.news-content .content .new_title:hover{
		color:#1876df;
	}
	.news-content .content .con{
		color: #5A5A5A; margin-left: 0.08rem;
	}
</style>
